/* css重置 */
html {background-color: #f8f8f8;}

body {;width: 100%;margin: 0 auto; background-color: #fff;font-family: 'Roboto', sans-serif;color: #555555;}
a {text-decoration: none;color: inherit;}
* {box-sizing: border-box;}


/* 导航 */
.nav_bg{width:100%;height:48px; background:#9dc852;border-bottom:8px solid #ddd;}
.hList{width:1200px; margin: 0 auto;}
.menu {
  width:14%;
  display: block;
  position: relative;
  cursor: pointer;
}

.menu-title {
  display: block;
  width: 100%;
  height: 40px;
  padding: 12px 0 0;
  background: #9dc852;
  text-align: center;
  color: #065900;
  font-weight: 500;
  text-transform: uppercase;
  transition: 0.3s background-color;
}

.menu-title:before {
  content: "";
  display: block;
  height: 0;
  border-top: 5px solid #9dc852;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-bottom: 0 solid #dddddd;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 101;
  transition: 0.2s 0.2s border-top ease-out, 0.3s border-top-color;
}

.menu-title:hover {
  background: #8db842;
}

.menu-title:hover:before {
  border-top-color: #8db842;
}

.menu:hover > .menu-title:before {
  border-top-width: 0;
  transition: 0.2s border-top-width ease-in, 0.3s border-top-color;
}

.menu-title:after {
  content: "";
  display: block;
  height: 0;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-bottom: 0 solid #ebebeb;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 101;
  transition: 0.2s border-bottom ease-in;
}

.menu:hover > .menu-title:after {
  border-bottom-width: 5px;
  transition: 0.2s 0.2s border-bottom-width ease-out;
}



.menu-dropdown {
  min-width: 100%;
  padding: 15px 0;
  position: absolute;
  background: #ebebeb;
  z-index: 100;
  transition: 0.5s padding, 0.5s background;
  text-align:center;
}

.menu-dropdown:after {
  content: "";
  display: block;
  height: 0;
  border-top: 5px solid #ebebeb;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 101;
  transition: 0.5s border-top;
}

.menu:not(:hover) > .menu-dropdown {
  padding: 4px 0;
  background: #dddddd;
  z-index: 99;
}

.menu:not(:hover) > .menu-dropdown:after {
  border-top-color: #dddddd;
}

.menu:not(:hover) > .menu-title:after {
  border-bottom-color: #dddddd;
}

.menu-dropdown > * {
  overflow: hidden;
  height: 30px;
  padding: 5px 10px;
  background: transparent;
  white-space: nowrap;
  transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color;
}

.menu-dropdown > *:hover {
  background: rgba(0, 0, 0, 0.1);
}

.menu:not(:hover) > .menu-dropdown > * {
  visibility: hidden;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  color: rgba(25, 25, 25, 0);
  transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility;
  z-index: 99;
}

.hList > * {
  float: left;
}

.hList > * + * {
  margin-left: 0;
}


/* 头部 */
.head{width:1200px;height:80px;margin:0 auto;}
.head .logo{width:550px;height:80px;background-image: url(../images/logo.jpg);float:left;}
.head .phone{width:200px;height:80px;line-height:80px;float:right;font-size:20px; color:#fa5f02; font-weight:bold;}

/* banner */
*{margin:0; padding:0;list-style:none;}
body , ul , ol , h2 , h3 , h4, h5 , p , dl , dt , dd , form { padding: 0; margin: 0; }
li { list-style: none; }
a{text-decoration:none;outline:none; color:#666666;}
a:hover{text-decoration:none}
img{border:0}
ul{list-style:none;margin:0;}	
.slider{max-width:1920px; overflow:hidden; margin:0 auto}
.slider a{display:block; max-width:1920px; height:500px;text-align: center;}


/* 关于我们 */
.about{width:1200px;margin:0 auto;margin-top:40px;}
.about .pic_box{float:left;width:498px; height:308px; border:1px solid #ccc;}
.about .pic_box img{width:478px; height:288px; margin:0 auto; display:block;margin-top:8px;}
.about .about_content{height:350px;width:660px;float:right;}
.about .about_content h2{line-height:30px;font-size:30px;color:#6ba801;font-family:"楷体";}
.about .about_content h3{line-height:30px;font-size:24px;color:#888;font-family:"楷体";margin-left:5px;}
.about .about_content P{line-height:26px;color:#666;}
.about .about_content .more{width:100px;height:36px;line-height:32px;color:#666;border:1px solid #ccc;display:block;text-align:center;margin-top:18px;}
.about .about_content .more:hover{color:#6ba801;border:1px solid #6ba801;background:#fff;}

/* 产品中心 */
.product{width:1200px;margin:0 auto;margin-top:0px;}
.product .product_title{width:100%;margin:0 auto;height:36px;border-bottom:1px solid #ccc;}
.product .product_title p{line-height:36px;color:#6ba801;font-size:30px;font-family:"楷体";float:left;}
.product .product_title p span{color:#ccc;font-size:24px;}
.product .product_title .more{color:#999;font-size:18px;font-family:"楷体";display:block;float:right;line-height:18px;margin-top:12px;}
.product .product_title .more:hover{color:#6ba801;}

.product_box{width:1220px;margin:0 auto;margin-top:20px;}
.product_box ul{width:285px;height:250px;float: left;margin:0 10px 20px 10px;padding:4px;}
.product_box ul li{width:283px;height:220px;border:1px solid #6ba801;display:table-cell;vertical-align:middle;overflow:hidden;}
.product_box ul li img{max-width:283px; max-height:220px; margin:0 auto; display:block;}
.product_box ul p{width:273px;height:30px;text-align: center;line-height:30px;color: #666;}
.product_box ul:hover img{transform: scale(1.1, 1.1);}
.product_box ul:hover li{border:1px solid #999;}

/*新闻中心*/
.news_box{width:1300px; margin:0 auto;margin-top:30px;}
.news_box .title{color: #6ba801;font-size: 30px;font-family: "楷体";line-height:24px;margin-bottom:8px;text-align:center;}
.news_box .title span{font-size:20px;}
.news_box .news{width:550px; margin:15px 50px 15px 50px;float:left;}
.news_box .news li{float:left;}
.news_box .news .pic_box{width:130px; height:104px;overflow:hidden;}
.news_box .news img{width:130px; height:104px; display:block;}
.news_box .news .text{ height:104px;width:400px; padding-left:20px;}
.news_box .news .text h2{font-size:16px;font-weight:normal;line-height:24px;color:#777;}
.news_box .news .text span{font-size:16px;line-height:28px;color:#999;}
.news_box .news .text p{font-size:14px; line-height:24px;color:#999;}
.news_box .news .text h2:hover{color:#9cc442;}





/* 案例 */
.case_title{max-width:1920px;height:50px; line-height:50px; background: url(../images/casetitlebg.jpg);margin-top:20px;text-align: center;}
.case_title p{line-height:36px;color:#6ba801;font-size:30px;font-family:"楷体";padding-top:5px;}
.case_title p span{color:#ccc;font-size:24px;}

.case_box{width:100%;margin:0 auto;text-align: center;overflow:hidden;margin-bottom:0px;}
.case_box a{float:left;display:block;width:270px;margin-right:20px;}
.case_box a li{width:268px;border:1px solid #999;}
.case_box a li img{display: block;height:206px; margin:0 auto;}
.case_box a li p{line-height:30px;background:#eee;color: #666;text-align: center;}	
.case_box a li:hover{border:1px solid #6ba801;}
.case_box a li:hover p{color:#6ba801;letter-spacing:1px;}	



/* 页脚 */
.footer{max-width:1920px;height:210px;margin:0 auto;background:url(../images/foot.png) no-repeat;}
.footer_box{width:1200px;height:200px;margin:0 auto;}
.footer_box .left{width:170px;height:200px;float:left;position:relative;}
.footer_box .left .ewm{width:145px;height:145px;display:block;margin:42px 0px 0px 12px;}
.footer_box .left .ewmbox{width:100%;100%;display:block;position:absolute;top:0;left:0;} 

.footer_box .right{width:1000px;height:170px;margin-top:30px;margin-left:30px;float:left;font-size:15px;color:#fff;}
.footer_box .right dl{width:100%;line-height:16px;padding:10px 0px;}
.footer_box .right dd{width:100px;float:left;border-left:1px #fff solid;text-align:center;}
.footer_box .right dd a{color:#fff;font-size:15px;}
.footer_box .right dd a:hover{color:#666;}

.footer_box .right h2{font-size:20px;line-height:36px;padding-left:20px;}
.footer_box .right p{padding-left:20px;line-height:26px;}
.footer_box .right p a{color:#cb5403;}

/*友情链接 */
.link{line-height:36px;display:block;padding-left:20px;}
.link li{float:left;}
.link li a{color:#fff;}
.link .linkname{padding-right:10px;}
.link .linkname a:hover{color:#666;}






/*标题*/
.title_bg{height:80px;margin-top:40px;}
.title_bg div{position: relative;width:1200px;margin: 0 auto;}
.title_bg p{position: absolute;right:0;top: -30px;}
.content_box{width:1200px;margin:0 auto;margin-top:-80px;}
/*左边导航*/
.content_box .left{width:270px;float:left;margin-bottom:30px;}
.content_box .left dl{width:266px;border:2px solid #fff;border-top:none;text-align: center;padding-bottom:10px;background:#eee;}
.content_box .left dl a{display:block;position: relative;}
.content_box .left dl a .leftpic{display: block; position: absolute;left:6px; top:12px;width:15px;}
.content_box .left dl a .rightpic{display: block; position: absolute;right:6px; top:12px;width:10px;}
.content_box .left dt{line-height:60px;font-size:22px;background:#9dc852;color:#fff;}	
.content_box .left dt span{font-size:18px;}
.content_box .left dd{font-size:16px;line-height:40px;border-bottom:1px solid #85c23c;background:#eee;}
.content_box .left .contact{width:266px;border:2px solid #fff;background:#eee;margin-top:10px;height:auto;overflow:hidden;padding-bottom:20px;}	
.content_box .left .contact img{width:266px;display: block;}	
.content_box .left .contact p{padding:10px 5px 10px 10px;line-height:28px;color:#666;}
.content_box .left .contact iframe{display:none;}
/*右边列表产品*/
.content_box .right{width:890px;float:right;}
.content_box .right .title{text-align: center;color: #fff; width:208px;margin: 0 auto;padding-top:5px;font-size:24px;color:#5d9f0e;padding-bottom:20px;}

.content_box .right .aa{display: block;margin-right:25px;width:270px;height:200px; float: left;margin-bottom:60px;}
.content_box .right .aa li{width:268px;height:213px;border:1px solid #999;}
.content_box .right .aa li div{width:100%px;height:100%;overflow: hidden;}
.content_box .right .aa li img{width:100%;height:213px;display: block;}	
.content_box .right .aa li p{font-size:16px;line-height:28px;color:#777;margin-top:5px;text-align:center;}	
.content_box .right .aa li span{font-size:16px;line-height:22px;color:#5ca703;}

.content_box .right ul .aa:hover li{border:1px solid #5ca703;}
.content_box .right ul .aa:hover li img{transform: scale(1.2, 1.2);}